<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单和表单控件</title>
</head>
<body>
    <!-- form 表单，用于提交数据
        action=""   设置提交地址
    -->
    <!--
      type="text"  文本框
      type="password"  密码框
      type="radio"    单选框
      type="checkbox"  复选框
      type="submit"   提交按钮
      placeholder="请输入文本"    提示信息
      value   设置默认值，单选框和复选框通过value
      name  给输入的值设置名称
    -->
    <form action="https://www.tmooc.cn">
        文本框：<input type="text" placeholder="请输入文本" value="123" name="phone">
        <br>
        密码框：<input type="password" placeholder="请输入密码" name="pwd">
        <br>
        单选框：<input type="radio" name="r" value="A"> A
              <input type="radio" name="r" value="B" checked> B
        <br>
        复选框：<input type="checkbox" name="c" value="A" checked> A
              <input type="checkbox" name="c" value="B"> B
              <input type="checkbox" name="c" value="C" checked> C
        <br>
        下拉框：<select name="s">
            <option value="bj">北京</option>
            <option value="sh">上海</option>
            <option value="sz" selected>深圳</option>
    </select>
        <br>
        文本域：<textarea name="beizhu" placeholder="备注"></textarea>

        <br>
        <input type="submit" value="提交">
        <input type="reset">
    </form>
</body>
</html>